<template>
    <el-card class="card">
        <span class="pbtn"></span>
        <span style="font-size: 20px; margin-bottom: 20px;">协议管理</span>
        <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
            <el-tab-pane label="用户端隐私政策" name="first"></el-tab-pane>
            <el-tab-pane label="医生端隐私政策" name="second"></el-tab-pane>
            <el-tab-pane label="签约协议" name="third"></el-tab-pane>
        </el-tabs>
        <WangEditor style="margin-top: -50px;"></WangEditor>

    </el-card>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import type { TabsPaneContext } from 'element-plus'
import WangEditor from '../ccc/WangEditor.vue';

const activeName = ref('first')

const handleClick = (tab: TabsPaneContext, event: Event) => {
    console.log(tab, event)
}
</script>
<style>
.card {
    width: 1150px;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
    background-color: white;
    min-height: 100vh;
}

.pbtn {
    display: inline-block;
    width: 8px;
    height: 18px;
    border-radius: 20px;
    background-color: #409eff;
    margin-right: 10px;
}



.demo-tabs>.el-tabs__content {
    padding: 32px;
    color: #6b778c;
    font-size: 32px;
    font-weight: 600;
}
</style>
